<template>
  <!--<div id="allmap" style="width: 100%; height: {{mapHeight}}px"></div>-->
  <!--<div id="allmap":style="{width: '100%', height: mapHeight + 'px'}"></div>-->
  <div id="control" style="width: 100%; height: 100%;">
      <div class="mapcontrolgroup">
        <input class="btn btn-primary" style="width: 120px" type="button" id="getCenter" value="Get Center" />
      </div>
  </div>
</template>
<script>
export default {
  name: 'MapControl'
}
</script>

<!--Add"scoped" attribute to limit CSS to this component only -->
<style scoped>
.mapcontrolgroup{
  padding: 0 10px 10px 10px;
  margin: 0 10px 10px 10px;
  border-bottom: #0069d9 solid 1px;
  text-align: right
}
</style>
